<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" href="layui/css/layui.css"  media="all">
	</head>
	<body>
		<table class="layui-hide" id="test"></table>
	
		<script src="layui/layui.js" charset="utf-8"></script>
		<script type="text/javascript">
		layui.use('table', function(){
		  var table = layui.table;

		  table.render({
		    elem: '#test'
		    ,url:'data.json'
		    ,cellMinWidth: 80
		    ,cols: [[
		      	{field: 'id', title: '编号',width:100}
		      	,{type: 'numbers'}
		      	,{type: 'checkbox'}
	            ,{field: 'name', title: '名称', edit:"text",width:180}
	            ,{field: 'url', title: '地址', edit:"text"}
	            ,{field: 'sort', title: '排序', edit:"text", width:70}
	            ,{field: 'target', title: '跳转方式',width:100}
	            ,{field: 'type', title: '类型', width:70}
	            ,{field: 'status', title: '状态', width:100}
		    ]]
		  });
		});
		</script>
	</body>
</html>
